<template>
    <div class="container">
        <div class="bg">
            <video src="../../assets/video/引入视频.mp4" autoplay loop muted></video>
        </div>
        <component :is='componentName' @watchChange='clickEvent'>
            
        </component>
       
    </div>
</template>

<style lang="less" scoped>
            
        
    
</style>>


<script>

            import normalLogin from './normalLogin.vue'
            import messageLogin from './messageLogin.vue'
            import qrLogin from './qrLogin.vue'
           

            export default {
                
                components:{
                    normalLogin,
                    qrLogin,
                    messageLogin
                },


                methods:{
                    clickEvent(val){
                        this.componentName = val
                    },


                    

                },

                data(){
                    return {
                        componentName:'normalLogin'
                    }
                },


            }



</script>


<style scoped>
  
</style>

